<template>
  <div class="container">
    <nav>
      <i class="yo-ico" @click="gobackHandler">&#xe66c;</i>
      <span>通知</span>
    </nav>
    <main class="praise-list">
      <follower-list :list='list'></follower-list>
    </main>
  </div>
</template>
<script>
import FollowerList from "../../../components/fordynamic/FollowerList";

export default {
    data(){
        return{
            list:[]
        }
    },
  components: {
    FollowerList

  },
  methods:{
      gobackHandler(){
          this.$router.back()
      },
      
    },
  created(){
        this.$axios({
                method:'get',
                url:'/js/news-notice.json',
                data:""
            }).then((response) =>{          
                //  console.log(response.data.data) 
                this.list=response.data.data
                console.log(this.list);
            }).catch((error) =>{
                console.log("访问失败")       
        })    

  }
};
</script>

<style lang='stylus' scoped>
.container
    display flex 
    flex-direction column
    nav 
        display flex

        height .5rem
        .yo-ico 
            flex 30
            padding-left .1rem
            font-size .2rem
            width .3rem
            height .3rem
            line-height .5rem
        span 
            flex 345
            font-size .2rem
            text-align center
            height .5rem
            line-height .5rem
            padding-right .3rem
            
    .praise-list
        flex 1

</style>